@font-face {
            font-family: 'Dabanghead';
            src: url('../../fonts/Dabanghead.otf') format('truetype');
        }

        @font-face {
            font-family: 'DabangheadExtra';
            src: url('../../fonts/DabangheadextraBold.otf') format('truetype');
        }

        @font-face {
            font-family: 'DbHindiBold';
            src: url('../../fonts/DB Hindi Bold.ttf') format('truetype');
        }

        @font-face {
            font-family: 'DB-Rasrand-Bold';
            src: url('../../fonts/DB Rasrand Bold.ttf') format('truetype');
        }

        @font-face {
            font-family: 'DevNagrisemiBold';
            src: url('../../fonts/MunshiDevanagari-Semibold.otf') format('truetype');
        }

        .DevNagri-Bold {
            font-family: 'DevNagrisemiBold', sans-serif;
        }



        .D-Rasrand-Bold {
            font-family: 'DB-Rasrand-Bold', sans-serif;
        }

        .DB-HindiBold {
            font-family: 'DbHindiBold', sans-serif;
        }

        .DabangHead {
            font-family: 'Dabanghead', sans-serif;
        }

        .DabangHeadExtra {
            font-family: 'DabangheadExtra', sans-serif;
        }

.main-container {
    margin: auto;
    font-family: 'Noto Serif Devanagari', serif;
    width: 49.6rem;
    height: 70.16625rem;
    background-color: white;
    padding: 0;
}

header {
    width: 47.6rem;
    height: 60px;
    background-color: red;
    margin: auto;
}


.drop-cap {
    float: left;
    font-size: 50px;
    line-height: 45px;
    font-weight: 800;
    margin-right: 10px;
    margin-top: 0px;
    color: red;
}

.blue-bar {
    width: 2rem;
    height: 13rem;
    background-color: #7dd3fc;
    margin-top: -5rem;
    margin-left: 0.5rem;
    position: absolute;
    top: 294px;
    right: 374px;
}

@media (max-width: 767.98px) {
    .blue-bar {
        margin-top: -3rem;
        height: 3rem;
    }
}


@media print {
    .main-container {
        margin: auto;
        width: 49.6rem !important;
        height: 70.16625rem !important;
    }
}


.blue-box1 {
    background-color: gray;
    color: black;
    font-weight: 600;
    font-size: 53px;
    line-height: 1.2;
    padding: 2rem 0.5rem;
    text-align: center;
    user-select: none;
    word-spacing: 3px;
    height: 358px;
}


.red-underline {
    border-bottom: 4px solid #b91c1c;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
}

.blue-box2 {
    background-color: rgb(146, 211, 146);
    color: black;
    font-weight: 600;
    font-size: 45px;
    line-height: 1.3;
    padding: 2rem 1rem;
    text-align: start;
    user-select: none;
    word-spacing: 3px;
    height: 335px;

}

.diamond {
    width: 20px;
    height: 20px;
    background-color: #9b1c1c;
    /* Bootstrap's red-700 equivalent */
    transform: rotate(45deg);
    margin: 0 12px;
}

.divider-line {
    border-top: 3px solid #6c757d;
    /* gray border similar to the screenshot */
    flex-grow: 1;
    height: 0;
}